// 导入 Vue 的响应式函数和 Pinia 的 store 定义函数
import { ref, computed } from 'vue'
import { defineStore } from 'pinia'


export const useUserStore= defineStore('user', () => {
  
const userInfo = ref({
  username: '',
  password: '',
  role:'student'
})

const setUserInfo = (data:any) => {
  localStorage.setItem('userInfo', JSON.stringify(data))
}
 
const getUserInfo = () => {
  const userInfo = localStorage.getItem('userInfo')
  if (userInfo) {
    return JSON.parse(userInfo)
  }
  

  return null
}


//清空值

const clearUserInfo = () => {
  userInfo.value = {
    username: '',
    password: '',
    role:'student'
  }
  localStorage.removeItem('userInfo')
}






  // 返回 count, doubleCount 和 increment 函数，使它们可以在 store 外部被访问和使用
  return { setUserInfo, getUserInfo, clearUserInfo }
})